import React, { useEffect, useState } from 'react'
import NavTabsLayout from '../_Layout/NavTabsLayout'
import EditorialBanner from '../../widgets/Banner/EditorialBanner'
import ImgWaterfall from '../../widgets/Waterfall/ImgWaterfall'
import { PublicService } from '../../transfer/service/PublicService'

function Editorial(props: any) {
    const [related, setRelated] = useState<any>()

    useEffect(() => {
        new PublicService().getRecommends(0, 20).then(res => {
            setRelated(res.data.data)
        })
    }, [])

    return (
        <NavTabsLayout>
            <EditorialBanner />
            <ImgWaterfall count={3} type={'editorial'} />
        </NavTabsLayout>
    )
}

export default Editorial
